
<!--救援状态信息-->

<template>
	<div>
		<mt-header title="救援状态信息">
		  <router-link to="/" slot="left">
		    <mt-button icon="back" >返回</mt-button>
		  </router-link>
		</mt-header>
		
        	<div class="one"  v-for="item in list">
	        	<div class="bigbox-head">
		        		<mt-field label="救援位置"  v-model="item.position"></mt-field>
		        	    <mt-field label="救援街道"  v-model="item.street"></mt-field>
		        	    <mt-field label="救援类型"  v-model="item.type"></mt-field>
		        	    <mt-field label="联系方式"  v-model="item.information"></mt-field>
	        	</div>
	        	<div class="bigbox-info" >
		        		<mt-field label="服务人员编码/姓名"  v-model="item.name"></mt-field>
		        	    <mt-field label="服务人员联系方式"  v-model="item.tell"></mt-field>
		        	    <mt-field label="工单状态"  v-model="item.statu"></mt-field>
		        	    <mt-field label="服务起始时间"  v-model="item.st"></mt-field>
		        	    <mt-field label="服务结束时间"  v-model="item.et"></mt-field>
		        	    <mt-field label="总金额(元)"  v-model="item.all"></mt-field>
		        	    <mt-field label="总里程(千米)"  v-model="item.long"></mt-field>
		        	    <mt-field label="总时间"  v-model="item.alltime"></mt-field>
		        	</div>
        	</div>
	</div>
</template>
<script>
  export default {
	  name: 'RescueStatusInformation',
	  data () {
      return {
      	 list:[
		    {"position":"123456789","street":"桂A080DK","type":"中国人寿","information":"中国人寿",
		    "name":"2018-11-16","tell":"期满","statu":"123456.00","st":"2018","et":"2019","all":"125152","long":"2626","alltime":"1511"}
	        ]
    }
  },
  methods:{
  }
}
</script>

<style>
  .item {
    display: inline-block;
  }
 .one{
    margin-top: 15px;
    background: #eee;
  }
  .bigbox-head{
  	text-align: left;
  	line-height: 38px;
  }
  .bigbox-info{
  	margin-top: 15px;
  }
  .mint-cell{
  	min-height: 35px;
  }
  .mint-cell-text{
  	font-size: 15px;
  }
  .mint-field-core{
  	text-align: right;
  }
  .mint-field .mint-cell-title{
  	width: 125px;
  	text-align: left;
  }
</style>